<template>
  <div class="login">
    <!-- 注册页面的logo图标 -->
    <div class="logo_div">
      <img src="../assets/login/login.png" />
    </div>
    <!-- 注册input  -->
    <div class="input_div">
      <input type="tel" placeholder="请输入手机" />
    </div>
    <div class="input_div pwd_div">
      <input type="password" placeholder="请输入密码" />
    </div>
    <div class="input_div pwd_div">
      <input type="password" placeholder="请确认密码" />
    </div>
    <!-- 登录按钮 -->
    <div class="but_div">
      <button>注册</button>
    </div>
    <!-- 注册/忘记密码-->

    <div class="reg_div">
      <router-link to="/login"><span>已有账号去登录</span></router-link>
    </div>
  </div>
</template>

<script>
</script>

<style lang="less" scoped>
.logo_div {
  margin-top: 120px;
  text-align: center;
}

.logo_div img {
  width: 66;
  height: 66px;
}

.input_div {
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.input_div input {
  height: 48px;
  background: #f9f9f9;
  flex: 1;
  border: none;
  border: 1px solid #dadada;
  border-radius: 6px;
  font-size: 16px;
  color: #333;
  padding-left: 16px;
}

.pwd_div {
  margin-top: 16px;
}
.but_div {
  margin-top: 32px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}
.but_div button {
  flex: 1;
  height: 48px;
  background-color: #0091ff;
  font-size: 16px;
  color: white;
  border-radius: 4px;
  border: none;
}
.reg_div {
  height: 52px;
  text-align: center;
  /* background: turquoise; */
  line-height: 50px;
}
.reg_div span {
  font-size: 12px;
  color: #999999;
  padding-right: 16px;
  padding-left: 16px;
}
</style>
